<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>vue里data的三种写法</title>
    <script src="D:\ApplicationFiles\vscode\chapter_three\VUE框架\vue\vue.js"></script>

</head>

<body>
    <div id="app">{{msg}}</div>
    <script>
        new Vue({
            el: "#app",
            // 数据的三种写法:标准写法
            // 第一种形式
            // data : {
            // 	msg : "hello vueeee~~~"
            // }
            // 第二种形式:定义函数,返回对象
            // data:function(){
            // 	return {
            // 		msg:"hi~vue"
            // 	}
            // },
            // 第三种形式:定义函数,es6的简写法
            data() {
                return {
                    msg: "vue hi~"
                }
            }
        });
    </script>
</body>

</html>